/* index.vue */
.msg{
	padding: 20px;
}
.navText{
	text-align: center;
	font-size: 18px;
	font-weight: bold; 
	margin-bottom: 40px;
}
.clickStyle{
	border-bottom: 3px solid #2BC17B;
}
.noClickStyle{
	color: #D3D3D3;
}


/* 社交 */
.box{
	border-bottom: 2px solid #E2E2E2;
	height: 65px;
	margin-top:20px;
	width: 100%;
}
.middle{
	position: relative;
	top:-53px;
	left:80px;
}
.right{
	float: right;
	position: relative;
	top:-80px;
	left:0;
}
.rightNotice{
	float: right;
}
.date{
	color: #707070;
	font-size: 15px;
	margin-right: 15px;
}
.dotted{
	display: inline-block;
	position: relative;
	top:5px;
	left:0;
}
.dottedNotice{
	display: inline-block;
	position: relative;
	top:-80px;
	left:0;
}
.title{
	font-weight: bold;
}
.text{
	color: #707070;
	font-size: 13px;
	margin-top:5px;
}
.img{
	width: 52px;
	height: 52px;
	background-repeat:no-repeat ;
}
.img1{
	background-image:url(../../static/images/img/dz.png) ;
}
.img2{
	background-image:url(../../static/images/img/xx.png) ;
}
.img3{
	background-image:url(../../static/images/img/pic.png) ;
}
.img4{
	background-image:url(../../static/images/img/pic2.png) ;
}
.img5{
	background-image:url(../../static/images/img/pic3.png) ;
}
.img6{
	background-image:url(../../static/images/img/pic4.png) ;
}
.img7{
	background-image:url(../../static/images/img/tz.png) ;
}
.img8{
	background-image:url(../../static/images/img/yl.png) ;
}
.img9{
	background-image:url(../../static/images/img/kb.png) ;
}
